<template>
    <view class="info">
        <view class="info-top">影院信息</view>
        <u-line dashed></u-line>
        <view class="info-main">
            <view class="info-name">{{ cinemaModel.cinemaName }}</view>
            <view class="info-txt">{{ cinemaModel.cinemaAddress }}</view>
        </view>
    </view>
</template>

<script>
export default {
    props: {
        cinemaModel: {
            type: Object,
            default: () => {
                return {
                    show: {},
                    cinema: {},
                };
            },
        },
    },
};
</script>

<style lang="scss" scoped>
.info {
    background-color: #fff;
    padding: 30rpx;
    &-top {
        @include font(30rpx, #333333, bold);
        padding-bottom: 20rpx;
    }
    &-main {
        padding-top: 20rpx;
    }
    &-name {
        @include font(30rpx, #333333, bold);
        padding-bottom: 10rpx;
    }
    &-txt {
        @include font(26rpx, #666666);
    }
}
</style>
